<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="container">
        <!-- 导航栏 -->
        <nav class="navBox">
            <a href="index.html">首页</a>
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="detial.html"></a>
            <a href="javascript">退出</a>
        </nav>
        <!-- 上半部分 -->
        <div class="top">
            <img src="imgs/投票.jpg" alt="">
            <button>我要参赛</button>
            <div class="search">
                <input type="search" placeholder="输入用户名查找">
                <a href="javascript:;" class="searchBtn">搜索</a>
            </div>
        </div>
        <!-- 下半部分 -->
        <div class="bottom">
            <section class="userList">
                <ul>
                    <li>
                        <a href="detail.html?userId=0" class="info">
                            <img src="imgs/狂铁.jpg" alt="" class="picture">
                            <p class="title">
                                <span class="name">狂铁|</span>

                                <span class="number">编号 #001</span>
                                <p class="signature">迄今人生都大写着失败，但不影响我继续向前。</p>
                            </p>
                        </a>
                        <div class="vote">
                            <span class="voteNum">7</span>
                            <a href="javascript:;" class="voteBtn"><p>投他一票</p></a>
                        </div>
                    </li>
                </ul>
                <!-- 搜索不到的界面 -->
                <div class="tip">暂时没有匹配的数据</div>
            </section>
        </div>
    </div>
</body>

</html>